<template>
	<view>
		<uni-list>
			<uni-list-item direction="row" >
				<view slot="header"><image style="width:150rpx;height: 150rpx;" mode="aspectFill" src="https://www.puercn.com/system/brands/logos/000/000/001/medium/20120720040826859.jpg?1427355736" /></view>
				<view slot="body">
					<view style="padding-top: 30rpx;">
						大益茶
					</view>
					<view style="color: #C0C0C0; font-size: 25rpx;">
						大益正念茶修：活成自己喜欢的模样，从七天静修营出发
					</view>
				</view>
				<template slot="footer">
					<uni-rate v-model="score1" allowHalf size="15" max="5" :isFill="false"></uni-rate>
					<view>评分: {{ score1 }}</view>
					<view style="color: red; font-size: 30rpx; padding-top: 20rpx;">了解更多></view>
				</template>
			</uni-list-item>
			<uni-list-item direction="row" >
				<view slot="header"><image style="width:150rpx;height: 150rpx;" src="https://www.puercn.com/system/brands/logos/000/000/003/medium/20120828023827727.jpg?1427355975" /></view>
				<view slot="body" style="padding: 10rpx;">
					<view class="">
						中茶普洱
					</view>
					<view style="color: #C0C0C0; font-size: 25rpx;">
						历史博物馆收藏，揽遍众茶，钟情于你。
					</view>
				</view>
				<template slot="footer">
					<uni-rate v-model="score2" allowHalf size="15" max="5" :isFill="false"></uni-rate>
					<view>评分: {{ score2 }}</view>
					<view style="color: red; font-size: 30rpx; padding-top: 20rpx;">了解更多></view>
				</template>
			</uni-list-item>
			<uni-list-item direction="row" >
				<view slot="header"><image style="width:150rpx;height: 150rpx;" src="https://www.puercn.com/system/brands/logos/000/000/002/medium/xg-logo.jpg?1447310187" /></view>
				<view slot="body" style="padding: 10rpx;">
					<view class="">
						下关沱茶
					</view>
					<view style="color: #C0C0C0; font-size: 25rpx;">
						【藏地游茶】关茶带您走西藏,去体验浓郁的藏族风情。
					</view>
				</view>
				<template slot="footer">
					<uni-rate v-model="score3" allowHalf size="15" max="5" :isFill="false"></uni-rate>
					<view>评分: {{ score3 }}</view>
					<view style="color:red; font-size: 30rpx; padding-top: 20rpx;">了解更多></view>
				</template>
			</uni-list-item>
			<uni-list-item direction="row" >
				<view slot="header"><image style="width:150rpx;height: 150rpx;" src="https://www.puercn.com/system/brands/logos/000/000/010/medium/%E4%B8%83%E5%BD%A9%E4%BA%91%E5%8D%97150.jpg?1564993333" /></view>
				<view slot="body" style="padding: 10rpx;">
					<view class="">
						七彩云南
					</view>
					<view style="color: #C0C0C0; font-size: 25rpx;">
						七彩云南庆沣祥珍藏陈香金芽：秋意凝朝露 金芽暖寒凉。
					</view>
				</view>
				<template slot="footer">
					<uni-rate v-model="score4" allowHalf size="15" max="5" :isFill="false"></uni-rate>
					<view>评分: {{ score4 }}</view>
					<view style="color:red; font-size: 30rpx; padding-top: 20rpx;">了解更多></view>
				</template>
			</uni-list-item>
			<uni-list-item direction="row" >
				<view slot="header"><image style="width:150rpx;height: 150rpx;" src="https://www.puercn.com/system/brands/logos/000/000/004/medium/20120720050605993.jpg?1430727014" /></view>
				<view slot="body" style="padding: 10rpx;">
					<view class="">
						老同志
					</view>
					<view style="color: #C0C0C0; font-size: 25rpx;">
						茶汤金黄透亮，滋味鲜爽甜润，山野气息十足。
					</view>
				</view>
				<template slot="footer">
					<uni-rate v-model="score5" allowHalf size="15" max="5" :isFill="false"></uni-rate>
					<view>评分: {{ score5 }}</view>
					<view style="color:red; font-size: 30rpx; padding-top: 20rpx;">了解更多></view>
				</template>
			</uni-list-item>
			<uni-list-item direction="row" >
				<view slot="header"><image style="width:150rpx;height: 150rpx;" src="https://www.puercn.com/system/brands/logos/000/000/009/medium/20121123043258642.jpg?1430727137" /></view>
				<view slot="body" style="padding: 10rpx;">
					<view class="">
						陈升号
					</view>
					<view style="color: #C0C0C0; font-size: 25rpx;">
						苦香甜三原味，让你彻底搞懂陈升号普洱生茶。
					</view>
				</view>
				<template slot="footer">
					<uni-rate v-model="score6" allowHalf size="15" max="5" :isFill="false"></uni-rate>
					<view>评分: {{ score6 }}</view>
					<view style="color:red; font-size: 30rpx; padding-top: 20rpx;">了解更多></view>
				</template>
			</uni-list-item>
			<uni-list-item direction="row" >
				<view slot="header"><image style="width:150rpx;height: 150rpx;" src="https://www.puercn.com/system/brands/logos/000/000/011/medium/%E6%9C%AA%E6%A0%87%E9%A2%98-1.jpg?1431069940" /></view>
				<view slot="body" style="padding: 10rpx;">
					<view class="">
						八角亭
					</view>
					<view style="color: #C0C0C0; font-size: 25rpx;">
						冰岛老树上市|绝世风华龙如凤，凤舞九天终现龙。
					</view>
				</view>
				<template slot="footer">
					<uni-rate v-model="score7" allowHalf size="15" max="5" :isFill="false"></uni-rate>
					<view>评分: {{ score7 }}</view>
					<view style="color:red; font-size: 30rpx; padding-top: 20rpx;">了解更多></view>
				</template>
			</uni-list-item>
			<uni-list-item direction="row" >
				<view slot="header"><image style="width:150rpx;height: 150rpx;" src="https://www.puercn.com/system/brands/logos/000/000/044/medium/%E6%99%AE%E7%A7%80logo_%E5%89%AF%E6%9C%AC.jpg?1499305879" /></view>
				<view slot="body" style="padding: 10rpx;">
					<view class="">
						普秀
					</view>
					<view style="color: #C0C0C0; font-size: 25rpx;">
						普秀九龙宝珠，名山茶区古树春料，顶级享受！
					</view>
				</view>
				<template slot="footer">
					<uni-rate v-model="score8" allowHalf size="15" max="5" :isFill="false"></uni-rate>
					<view>评分: {{ score8 }}</view>
					<view style="color:red; font-size: 30rpx; padding-top: 20rpx;">了解更多></view>
				</template>
			</uni-list-item>
			<uni-list-item direction="row" >
				<view slot="header"><image style="width:150rpx;height: 150rpx;" src="https://www.puercn.com/system/brands/logos/000/000/038/medium/1.png?1444715098" /></view>
				<view slot="body" style="padding: 10rpx;">
					<view class="">
						润元昌
					</view>
					<view style="color: #C0C0C0; font-size: 25rpx;">
						润元昌芳华，在岁月里沉淀精进，绽放各自芳华。
					</view>
				</view>
				<template slot="footer">
					<uni-rate v-model="score9" allowHalf size="15" max="5" :isFill="false"></uni-rate>
					<view>评分: {{ score9 }}</view>
					<view style="color:red; font-size: 30rpx; padding-top: 20rpx;">了解更多></view>
				</template>
			</uni-list-item>
			<uni-list-item direction="row" >
				<view slot="header"><image style="width:150rpx;height: 150rpx;" src="https://www.puercn.com/system/brands/logos/000/000/089/medium/%E4%BA%91%E5%85%83%E8%B0%B7logo.jpg?1543906955" /></view>
				<view slot="body" style="padding: 10rpx;">
					<view class="">
						云元谷
					</view>
					<view style="color: #C0C0C0; font-size: 25rpx;">
						雅果，云元谷一品金柑，小青柑礼盒装。
					</view>
				</view>
				<template slot="footer">
					<uni-rate v-model="score10" allowHalf size="15" max="5" :isFill="false"></uni-rate>
					<view>评分: {{ score10 }}</view>
					<view style="color:red; font-size: 30rpx; padding-top: 20rpx;">了解更多></view>
				</template>
			</uni-list-item>
		</uni-list>
	</view>
</template>

<script>
export default {
	name: 'recommend',
	data() {
		return {
			score1: 5,
			score2: 5,
			score3: 4.5,
			score4: 5,
			score5: 5,
			score6: 4.5,
			score7: 5,
			score8: 4.5,
			score9: 5,
			score10: 4.5
		};
	}
};
</script>

<style lang="scss">
.txt {
	padding-left: 525rpx;
}
</style>
